@import '~antd/dist/antd.css';
* { touch-action: pan-y; }
* {
    padding: 0px;
    margin: 0px;
    font-family: SimHei;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--font-color);
    margin-bottom: 0 !important;
}

.toast {
    height: 100vh;

    &>div {
        border-radius: 12px;
        box-shadow: none;
        background-color: var(--box-color);
        color: var(--font-color);
        font-weight: bold;
    }
}

html,
body,
#root {
    width: 100%;
    height: 100%;
    margin: 0 auto;
}

body {
    line-height: 1.5 !important;
    background-color: var(--back-color) !important;
}

ul,
ol {
    list-style: none;
}

a,
a:hover,
a:active,
a:visited,
a:link,
a:focus {

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

    -webkit-tap-highlight-color: transparent;

    outline: none;

    background: none;

    text-decoration: none;
}

img {
    display: block;
}

/* 版心 */
.main {
    min-width: 320px;
    max-width: 750px;
    margin: 0 auto;
}

html {
    &.default {
        --sliderborder-color:1px solid #447dc3;
        --slider-color: #447dc3;
        background-color: #f4f5f7 !important;
        --back-color: #f4f5f7;
        --bottom-color: #fafafa;
        --bottom-color: #fafafa;
        --icon-color: #333;
        --font-color: #333;
        --tips-color: #a3a3a5;
        --box-color: #fff;
        --vip-color: #f9f8f5;
        --viptitle-color: #886b3a;
        --viptips-color: #a48e67;
        --border-color: rgba(0, 0, 0, 0.07);
        --vipbottom-color: white;
        --vippricechoose-color: #f5f1eb;
        --vippriceunchoose-color: #f5f6f6;
        --blank-color: rgba(0, 0, 0, 0.7); //空盒子提示颜色
        --recharge-color: rgba(240, 240, 240, 0.8); //充值框背景
        --rechargeback-color: #cdd2d6; //充值框按钮颜色
        --button-color: #f7f7f7; //按钮颜色
        --readtop-color: rgba(255, 255, 255, 0.8);
        --search-color: #f2f3f5; //搜索栏颜色
        --buttonfont-color: #62616f; //按钮字体颜色
        --booksdetailback-color: linear-gradient(to bottom, #f3f3f4 60%, white 40%); //书籍详情背景颜色
        --booksdetailborder-color: #ebebed; //书籍详情边框
        --artback-color:white;//阅读时背景颜色
        --readbar-color:#fafafa;//阅读栏颜色
    }
    &.orange {
        background-color: #f4f5f7 !important;
        --back-color: #f4f5f7;
        --bottom-color: #fafafa;
        --bottom-color: #fafafa;
        --icon-color: #333;
        --font-color: #333;
        --tips-color: #a3a3a5;
        --box-color: #fff;
        --vip-color: #f9f8f5;
        --viptitle-color: #886b3a;
        --viptips-color: #a48e67;
        --border-color: rgba(0, 0, 0, 0.07);
        --vipbottom-color: white;
        --vippricechoose-color: #f5f1eb;
        --vippriceunchoose-color: #f5f6f6;
        --blank-color: rgba(0, 0, 0, 0.7); //空盒子提示颜色
        --recharge-color: rgba(240, 240, 240, 0.8); //充值框背景
        --rechargeback-color: #cdd2d6; //充值框按钮颜色
        --button-color: #f7f7f7; //按钮颜色
        --readtop-color: rgba(255, 255, 255, 0.8);
        --search-color: #f2f3f5; //搜索栏颜色
        --buttonfont-color: #62616f; //按钮字体颜色
        --booksdetailback-color: linear-gradient(to bottom, #f3f3f4 60%, white 40%); //书籍详情背景颜色
        --booksdetailborder-color: #ebebed; //书籍详情边框
        --artback-color:#f5f0dd;//阅读时背景颜色
        --readbar-color:#f7efe2;//阅读栏颜色
    }
    &.protect {
        background-color: #f4f5f7 !important;
        --back-color: #f4f5f7;
        --bottom-color: #fafafa;
        --bottom-color: #fafafa;
        --icon-color: #333;
        --font-color: #333;
        --tips-color: #a3a3a5;
        --box-color: #fff;
        --vip-color: #f9f8f5;
        --viptitle-color: #886b3a;
        --viptips-color: #a48e67;
        --border-color: rgba(0, 0, 0, 0.07);
        --vipbottom-color: white;
        --vippricechoose-color: #f5f1eb;
        --vippriceunchoose-color: #f5f6f6;
        --blank-color: rgba(0, 0, 0, 0.7); //空盒子提示颜色
        --recharge-color: rgba(240, 240, 240, 0.8); //充值框背景
        --rechargeback-color: #cdd2d6; //充值框按钮颜色
        --button-color: #f7f7f7; //按钮颜色
        --readtop-color: rgba(255, 255, 255, 0.8);
        --search-color: #f2f3f5; //搜索栏颜色
        --buttonfont-color: #62616f; //按钮字体颜色
        --booksdetailback-color: linear-gradient(to bottom, #f3f3f4 60%, white 40%); //书籍详情背景颜色
        --booksdetailborder-color: #ebebed; //书籍详情边框
        --artback-color:#c8ebca;//阅读时背景颜色
        --readbar-color:#bfe5bc;//阅读栏颜色
    }

    &.black {
        --sliderborder-color:none;
        --slider-color: rgb(54, 54, 54);
        background-color: black !important;
        --back-color: black; //背景颜色
        --bottom-color: #151515; //底边路由背景色
        --icon-color: #b6b6b6; //图标颜色
        --font-color: #f0f0f0; //字体颜色
        --tips-color: #777; //小字体颜色
        --box-color: #1c1c1c; //盒子颜色
        --vip-color: #24231f; //vip背景颜色
        --viptitle-color: #f8dfa7; //vip大字体颜色
        --viptips-color: #c0a788; //vip小字体颜色
        --border-color: rgba(255, 255, 255, 0.07); //分隔线颜色
        --vipbottom-color: #1c1c1c; //vip底边框背景色
        --vippricechoose-color: #24231f; //vip底边框选择颜色
        --vippriceunchoose-color: rgba(255, 255, 255, 0.15); //vip底边框没选择颜色
        --blank-color: rgba(255, 255, 255, 0.8); //空盒子提示颜色
        --recharge-color: rgba(51, 51, 51, 0.4); //充值框背景
        --rechargeback-color: #292929; //充值框按钮颜色
        --button-color: #3a3a3a; //按钮颜色
        --readtop-color: rgba(0, 0, 0, 0.6); //阅读顶部颜色
        --search-color: #18181a; //搜索栏颜色
        --buttonfont-color: #b2b2b2; //按钮字体颜色
        --booksdetailback-color: linear-gradient(to bottom, #070707 60%, black 40%); //书籍详情背景颜色
        --booksdetailborder-color: #353535; //书籍详情边框
        --artback-color:black;//阅读时背景颜色
        --readbar-color:#1a1a1a;//阅读栏颜色
    }
}
.main{
    &.ban{
        height: 100vh;
        overflow: hidden;
    }
}